<div style="width: 700px;" class="center-block">
<?php
    echo $this->form($this->element->getName(),$this->element->getAttribs(),false);
    echo $this->renderElement($this->element->codinstrumento);
    echo $this->renderElement($this->element->totalpoblacion);
    echo $this->renderElement($this->element->muestrasugerida);
    echo $this->element->codlista->render();
    echo $this->element->nombre->render();
    echo $this->element->descripcion->render();

?>
<div class="form-group">
  <div class="col-sm-offset-4 col-sm-8">
    <button type="button" id="btn-muestra" data-loading-text="Calculando..." class="btn btn-info btn-sm"><span class="glyphicon glyphicon-transfer"></span> Calcular muestra</button>
    <p id="ploading" class="form-control-static"></p>
  </div>
</div>
<div class="form-group" id="group-muestra">
  <label class="col-sm-4 control-label">*Tamaño de la muestra deseado:</label>
  <div class="col-sm-8 form-inline">
    <div class="alert alert-info" id="muestra-msg"></div>
    <input type="text" class="form-control input-sm" name="muestrareal" id="muestrareal" value="0">
  </div>
</div>
<div class="form-group">
  <div class="alert alert-danger" id="error-msg" style="display:none;"></div>
</div>
<?php
    echo $this->element->btnSubmit->render();
?>
<script type="text/javascript">
var div_error = null;
var validar = function() {
	div_error.hide();
	var valor = $("#muestrasugerida").val();
	if(isNaN(parseInt(valor)) || parseInt(valor) == 0) {
		div_error.html("Debe calcular una muestra");
		div_error.show();
		return false;
	}
	return true;
};
$(function() {
	div_error = $("#error-msg");
	
	$("#item_instrumento").submit(function(e) {
		if(!validar()) {
			e.preventDefault();
		}
	});
	$("#codlista").change(function() {
		$("#group-muestra").hide();
		$("#muestrasugerida").val("0");
		$("#muestrareal").val("0");
		if($(this).val().length > 0) {
			$("#btn-muestra").prop("disabled", false);
		} else {
			$("#btn-muestra").prop("disabled", true);
			$("#group-muestra").hide();
		}
	});

	$("#btn-muestra").click(function() {
		$(this).prop('disabled', true);
		$("#ploading").html("Calculando...");
		$.getJSON( baseUrl+ "<?php echo "/solicitudes/detalleautoevaluacion/calcularmuestra";?>", { codlista: $("#codlista").val() }, function( data ) {
			$("#btn-muestra").prop('disabled', false);
			$("#ploading").html("");
			$("#group-muestra").show();
			//$("#muestrareal").val(data.muestrasugerida);
			$("#muestrareal").spinedit('setValue', data.muestrasugerida);
			$("#muestrasugerida").val(data.muestrasugerida);
			$("#totalpoblacion").val(data.totalpoblacion);
			$("#muestra-msg").html(data.texto);
		});
	});

	$("#muestrareal").spinedit({minimun:0, maximun:100, step:1});
	$("#btn-muestra").prop("disabled", true);
	$("#group-muestra").hide();

});
</script>
</form>
</div>